<div class="layui-header">
  <!-- 头部区域 --> 
  <ul class="layui-nav layui-layout-left">
    <li class="layui-nav-item layadmin-flexible" lay-unselect>
      <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
      </a>
    </li>    
    <li class="layui-nav-item" lay-unselect> 
      <a href="javascript:;" layadmin-event="refresh" title="刷新">
        <i class="layui-icon layui-icon-refresh-3"></i>
      </a>
    </li>
  </ul>
  <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
    
    <li class="layui-nav-item" lay-unselect>
      <a lay-href="${ctxPath}/msgContent" layadmin-event="message" lay-text="消息中心">
        <i class="layui-icon layui-icon-notice"></i>  
        @if(msgCount.getMsgCount() > 0){
        <span class="layui-badge" style="left: 40px;" id="msgcount">${msgCount.getMsgCount()}</span>
        @}
      </a>
    </li>
    
    <li class="layui-nav-item layui-hide-xs" lay-unselect>
      <a href="javascript:;" layadmin-event="fullscreen">
        <i class="layui-icon layui-icon-screen-full"></i>
        
      </a>
    </li>
    <li class="layui-nav-item" lay-unselect>
      <a href="javascript:;">
        <cite>${shiro.getAdmin().account}[${shiro.getAdmin().roleName}]</cite>
      </a>
      <dl class="layui-nav-child">
        <dd><a lay-href="${ctxPath}/admin/admin_info">基本资料</a></dd>
        <dd><a lay-href="${ctxPath}/admin/admin_password">修改密码</a></dd>
        <hr>
        <dd layadmin-event="logout" style="text-align: center;"><a lay-href="${ctxPath}/logout">退出</a></dd>
      </dl>
    </li>
  </ul>
</div>
<!-- 侧边菜单 -->
<div class="layui-side layui-side-menu">
  <div class="layui-side-scroll">
    <div class="layui-logo" lay-href="${ctxPath}/blackboard">
      <span>ONCALL告警平台</span>
    </div>
    
    <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
      @for(title in titles){
      	@if(tool.isEmpty(title.children)){
			<li data-name="get" class="layui-nav-item">
			  <a href="javascript:;" lay-href="${ctxPath}${title.url}" lay-tips="${title.name}" lay-direction="2">
			    <i class="layui-icon ${title.icon}"></i>
			    <cite>${title.name}</cite>
			  </a>
			</li>
        @}else{
        	<li data-name="set" class="layui-nav-item">
              <a href="javascript:;" lay-tips="${title.name}" lay-direction="2">
                <i class="layui-icon ${title.icon}"></i>
                <cite>${title.name}</cite>
              </a>
              <dl class="layui-nav-child">
              	 @for(subTitle in title.children){
              	 	@if(tool.isEmpty(subTitle.children)){
                        <dd>
		                  <a lay-href="${ctxPath}${subTitle.url}">${subTitle.name}</a>
		                </dd>
                    @}else{
                    	<dd class="layui-nav-itemed">
		                  <a href="javascript:;">${subTitle.name}</a>
		                  <dl class="layui-nav-child">
		                  	@for(thirdTitle in subTitle.children){
		                    <dd><a lay-href="${ctxPath}${thirdTitle.url}">${thirdTitle.name}</a></dd>
		                    @}
		                  </dl>
		                </dd>
                    @}
	              @}
              </dl>
            </li>
        @}
      @}

    </ul>
  </div>
</div>
